<template>
   <swiper :options='swiperOption' ref='mySwiper'>
        <swiper-slide v-for='item in swiperList' :key='item.id'>
            <router-link tag='a' :to='item.link_url' target='_blank'>
				<img :src="item.img_url" alt="">
			</router-link>
        </swiper-slide>
        <div class="swiper-pagination" slot="pagination"></div>
    </swiper>
</template>

<script>
    import {swiper, swiperSlide} from 'vue-awesome-swiper'
    export default {
        components : {
			swiper,
			swiperSlide
		},
		props : ['swiperList'],
		data () {
			return {
				swiperOption : {
					loop: true,
					autoplay: {
						delay: 3000,
						stopOnLastSlide: false,
						disableOnInteraction: false
					},
					pagination: {
						el: ".swiper-pagination",
						// clickable: true //允许分页点击跳转
					},
				}
			}
		},
		created () {
			console.log('this.swiperData :>> ', this.swiperList);
		}
    }
</script>